<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        setTimeout定时器
        setInterval计时器
        1.相同处：
            这两个方法都可以用来实现在一个固定时间段之后去执行一个表达式或者是函数。
            setTimeout和 setInterval的语法相同。
            它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。
            
            2.不同处：
            setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码。
            setTimeout只执行一次那段代码。

     -->

    <div>

    </div>
    <script>
        var div=document.querySelector("div")
        function formarDate()
        {
            var d=new Date()   //如果Date()里面没有参数就返回当前时间，如果有参数'2020-12-12 0:0:0'就是设置时间为2020年12月12日
            var year=d.getFullYear()
            var month=d.getMonth()
            month=month<10? '0'+month:month
            var days=d.getDate()
            days=days<10? '0'+days:days
            var hour=d.getHours()
            hour=hour<10? '0'+hour:hour
            var minu=d.getMinutes()
            minu=minu<10? '0'+minu:minu
            var sec=d.getSeconds()
            sec=sec<10? '0'+sec:sec
            return year+'年'+month+'月'+days+"日"+hour+':'+minu+":"+sec
        }
        setInterval(function(){
            div.innerHTML=formarDate()
        },1000)
    </script>
</body>
</html>